<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>光山县旅游产业监控中心</title>
    <link rel="stylesheet" href="./assets/plugin/M_select/M_select.css">
    <link rel="stylesheet" href="./assets/css/animate.min.css">
    <link rel="stylesheet" href="./assets/css/public.css">
    <link rel="stylesheet" href="./assets/css/common.css">
    <link rel="stylesheet" href="./assets/css/index.css">
    <link rel="stylesheet" href="./assets/css/index_zyhj.css">
    <link rel="stylesheet" href="./assets/css/navIndustry.css">
</head>
<body>
<div class="box">
   <!--头部-->
   <div class="title-box">
    <div class="title-img">
        <h3>光山县旅游产业监控中心</h3>
    </div>
    <ul class="link-box">
        <li><a href="index.html">人流热力图</a></li>
        <li><a href="chanye_jq.html">行业运行监测</a></li>
        <li class="active"><a href="industryDevelopment.html">行业发展监测</a></li>
        <li><a href="video.html">第三方数据</a></li>
    </ul>
    <div class="title-left">
        <span>光山县</span>
        <span id="weather">小雨转晴</span>
        <span id="temperature">32/23℃</span>
        <span id="windPower">东风</span>
    </div>
</div>
    <!--主体-->
    <div class="main-box">
        <!--导航-->
        <div class="nav-box">
            <ul>
                <li>
                    <a href="index.html">
                        <div>
                            <img src="./assets/images/icon-index.png">
                            <img src="./assets/images/icon-index-active.png">
                        </div>
                        <p>大数据人流热力图</p>
                    </a>
                </li>
                <li>
                    <a href="./chanye_jq.html">
                        <div>
                            <img src="./assets/images/icon-analysis.png">
                            <img src="./assets/images/icon-analysis-active.png">
                        </div>
                        <p>行业运行监测及统计</p>
                    </a>
                </li>
                <li class="active">
                    <a href="#">
                        <div>
                            <img src="./assets/images/icon-operation.png">
                            <img src="./assets/images/icon-operation-active.png">
                        </div>
                        <p>行业发展监测及统计</p>
                    </a>
                </li>
                <li>
                    <a href="./lvyoujia_qx.html">
                        <div>
                            <img src="./assets/images/icon-activity.png">
                            <img src="./assets/images/icon-activity-active.png">
                        </div>
                        <p>第三方数据处理和呈现</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="content-box flex-column">
            <div class="content-nav">
                <ul>
                    <li class="active">
                        <a href="#">景区信息统计</a>
                    </li>
                    <li>
                        <a href="consumption.html">旅游消费统计</a>
                    </li>
                    <li>
                        <a href="check.html">酒店入住率统计</a>
                    </li>
                    <li>
                        <a href="travel.html">旅行社统计</a>
                    </li>
                </ul>
            </div>
            <!-- <div class="flex1 nav-list">
               <div>
                   <a href="index_zyhj.html">
                       <img src="./assets/images/link-bg.png" alt="景区信息统计">
                       <span>景区信息统计</span>
                   </a>
                   <a href="tourismValue.html">
                       <img src="./assets/images/link-bg.png" alt="旅游产值统计">
                       <span>旅游产值统计</span>
                   </a>
                   <a href="tongji_ykhx.html">
                       <img src="./assets/images/link-bg.png" alt="游客画像分析">
                       <span>游客画像分析</span>
                   </a>
                   <a href="">
                       <img src="./assets/images/link-bg.png" alt="游客流量监测">
                       <span>游客流量监测</span>
                   </a>
               </div>
            </div> -->
            <div class="content-main flex-row flex1">
                <div class="content-left">
                    <div class="scenic-num">
                        <b>景区总数<span class="numberStyle">8</span><span class="numberStyle">6</span></b>
                    </div>
                    <div class="bg-1 basicElements-leftTop animated bounceInDown">
                        <div class="content-title">
                            景区类型
                        </div>
                        <div class="bg-main-1 content-left-main flex1">
                            <ul class="basicElements-leftTop-nav">
                                <li class="active">
                                    <a href="./index_zyhj.html">
                                        <div class="img-box">
                                            <img src="./assets/images/jingqu.png">
                                            <img src="./assets/images/jingqu-active.png">
                                        </div>
                                        <div class="heroic-content">
                                            <p>全部</p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaScript:;">
                                        <div class="img-box">
                                            <img src="./assets/images/zhusu.png">
                                            <img src="./assets/images/zhusu-active.png">
                                        </div>
                                        <div class="heroic-content">
                                            <p>自然风光</p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaScript:;">
                                        <div class="img-box">
                                            <img src="./assets/images/canyin.png">
                                            <img src="./assets/images/canyin-active.png">
                                        </div>
                                        <div class="heroic-content">
                                            <p>名胜古迹</p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="javaScript:;">
                                        <div class="img-box">
                                            <img src="./assets/images/gouwu.png">
                                            <img src="./assets/images/gouwu-active.png">
                                        </div>
                                        <div class="heroic-content">
                                            <p>公园游乐</p>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                            <p class="content-title">景区级别</p>
                            <div class="basicElements-leftTop-info">
                                <a href="javascript:;" class="active">
                                    <span>5个</span>
                                    <b>4A级</b>
                                </a>
                                <a href="javascript:;">
                                    <span>15个</span>
                                    <b>3A级</b>
                                </a>
                                <a href="javascript:;">
                                    <span>20个</span>
                                    <b>2A级</b>
                                </a>
                                <a href="javascript:;">
                                    <span>30个</span>
                                    <b>A级</b>
                                </a>
                            </div>
                            <p class="content-title">区域</p>
                            <div class="basicElements-leftTop-info">
                                <a href="javascript:;" class="active">
                                    <b>光山县</b>
                                </a>
                                <a href="javascript:;">
                                    <b>光山镇</b>
                                </a>

                            </div>
                            <p class="total">共<i>5</i>条记录</p>
                           <div class="basicElements-info-list scrollbar">
                               <ul>
                                   <li><span>龙山湖国家湿地公园</span><a href="./index_zyhj_detail_blg.html">查看</a></li>
                                   <li><span>大苏山国家森林公园</span><a href="javascript:;">查看</a></li>
                                   <li><span>官渡河古渡口</span><a href="javascript:;">查看</a></li>
                                   <li><span>司马光故居</span><a href="javascript:;">查看</a></li>
                                   <li><span>邓颖超祖居</span><a href="javascript:;">查看</a></li>
                               </ul>
                           </div>
                        </div>
                    </div>
                </div>
                <div class="content-center flex3">
                    <div class="bg-main-1 flex1 map-box bounceInUp animated">
                        <div class="map" id="myMap-all">

                        </div>
                        <div class="video-box hd">
                            <video src="http://139.129.111.136/in1/templates/wechatmanage/image/1.mp4" controls=""></video>
                        </div>
                        <div class="map-info-box">

                            <div class="img-box">
                                <img src="./assets/temporary/baligou.jpg" alt="">
                            </div>
                            <div class="information-box">
                                <h3>
                                    <span>大苏山国家森林公园 </span><i>4A级景区</i>
                                </h3>
                                <div>
                                    <p>地址：河南省信阳市光山县</p>
                                    <p>开放时间：08:00-18:00</p>
                                    <p>门票价格：10元</p>
                                    <p>建议游玩时间：1-3小时</p>
                                    <p>联系电话：0376-8576686</p>
                                    <p>负责人:</p>
                                </div>
                            </div>
                            <div class="introduce-box scrollbar">
                                <h2>景区介绍</h2>
                                <p>
                                    由大苏山、龙首山、王母观三个片区组成，是国家4A级旅游景区，全国十佳文化生态景区。河南大苏山国家森林公园地处大别山向浅山过渡的丘陵地区，属亚热带向暖温带过渡地带，公园森林覆盖率92.3%，分布有马尾松群落、杉木林、栓皮栎群落、枫杨等群落，植物有891种，动物有300多种。公园总面积为2788.53公顷。
                                    2015年1月9日，河南大苏山国家森林公园被国家林业局批准为国家森林公园。

                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="./assets/plugin/jquery.min.js"></script>
<script src="./assets/plugin/jquery.leoTextAnimate.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=RbLCQuGNfG1cQrKmywquV6wEEkoVkyNY"></script>
<script>
     //数字
     $('.numberStyle').leoTextAnimate({
        delay: 1000, //延时出现时间
        autorun: true, //是否自动运行
        fixed: [',', ':', '.'], //
        start: '0'
    });
    // 百度地图API功能
    var map = new BMap.Map("myMap-all", {minZoom:7,maxZoom:15}, { enableMapClick: false });
    var point = new BMap.Point(114.856385,31.958935);    // 初始化地图,设置中心点坐标
    map.centerAndZoom(point, 14);
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
    var blist = [];
    var districtLoading = 0;
    map.setMapStyle({style: 'light'})
    //默认地图样式(normal)
    //清新蓝风格(light)
    //黑夜风格(dark)
    //清新蓝绿风格(bluish)
    //高端灰风格(grayscale)
    //强边界风格(hardedge)
    //青春绿风格(darkgreen)
    //浪漫粉风格(pink)
    //午夜蓝风格(midnight)
    //自然绿风格(grassgreen)
    //精简风格(googlelite)
    //红色警戒风格(redalert)
    //添加点击事件
    function addClickHandler(content, marker) {
        marker.addEventListener("click", function(e) {
            // openInfo(content, e);
            $('.map-box .video-box').removeClass('hd')
        });
    }


    let newIcon = new BMap.Icon("./assets/images/icon-monitor.png", new BMap.Size(36, 47));
    var data_info = [[114.856253,31.958899, "青莲寺监控"],
        [114.860021,31.962859, "珏山监控"],
        [114.860021,31.962859, '白马寺森林公园监控']
    ];
    var radioData = []
    function showMarker() {
        for (var i = 0; i < data_info.length; i++) {
            var marker = new BMap.Marker(new BMap.Point(data_info[i][0], data_info[i][1]), {icon:newIcon });  // 创建标注
            var content = data_info[i][2];
            map.addOverlay(marker);               // 将标注添加到地图中
            addClickHandler(content, marker);
        }
    }
    $('.map-info-box .btn-list>a').click(function () {
        if($(this).text()=='视频监控'){
            showMarker()
            $(this).addClass('active')
        }
    })
</script>
</html>
